<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/product.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../imgs/download/font_c0oh4qljmdm/iconfont.css">
    <link rel="stylesheet" href="../imgs/download/font_c0oh4qljmdm/iconfont.css">
    <script src="../js/product.js" type="module"></script>
    <script src="../js/library/jquery.js" type="module"></script>

</head>

<body>
    <div class="page-top">
        <div class="container">
            <div class="top-lt">
                <a href="" class="down-a">小米商城</a>
                <span>|</span>
                <a href="" class="down-a">MIUI</a>
                <span>|</span>
                <a href="" class="down-a">IoT</a>
                <span>|</span>
                <a href="" class="down-a">云服务</a>
                <span>|</span>
                <a href="" class="down-a">金融</a>
                <span>|</span>
                <a href="" class="down-a">有品</a>
                <span>|</span>
                <a href="" class="down-a">小爱开放平台</a>
                <span>|</span>
                <a href="" class="down-a">企业团购</a>
                <span>|</span>
                <a href="" class="down-a">资质证照</a>
                <span>|</span>
                <a href="" class="down-a">协议规则</a>
                <span>|</span>
                <a href="" class="download">
                    下载app
                    <div class="down-box">
                        <b></b>
                        <img src="../imgs/download.png" alt="">
                        <i>小米商城APP</i>
                    </div>
                </a>
                <span>|</span>
            </div>
            <div class="top-gt">
                <div class="car-box">
                    <a href="./shop.html" class="tit">
                        <i class="iconfont icon-gouwuche1"></i> 购物车 (
                        <span>0</span>)
                    </a>
                    <div class="pop">
                        <p class="no-good">购物车种还没有商品，赶紧选购吧！</p>
                    </div>
                </div>
                <div class="login">
                    <a href="">登录</a>
                    <span>|</span>
                    <a href="">注册</a>
                    <span>|</span>
                    <a href="">消息通知</a>
                </div>

                <!-- <div class="userinfo fr">
                    <div class="user">
                        <a href="" class="
                     use">用户</a>
                        <ul class="userinfo-ul">
                            <li><a href="">个人中心</a></li>
                            <li><a href="">评价晒单</a></li>
                            <li><a href="">我的喜欢</a></li>
                            <li><a href="">小米账号</a></li>
                            <li><a href="">退出登录 </a></li>
                        </ul>
                    </div>
                    <a href="" class="link">消息通知</a>&ndash;&gt;
                    <span>|</span>
                    <a href="" class="link">我的订单</a>
                </div> -->


                <!-- <div class="topbar-info">
                    <span class="user">
                        <a href="" class="user-name">
                            <span class="name"></span>
                            <i class="iconfont-arrow-down-mini"></i>
                        </a>
                        <div class="user-menu-wrapper">
                            <ul class="user-menu">
                                <li>个人中心</li>
                                <li>1</li>
                                <li>1</li>
                                <li>1</li>
                                <li>1</li>
                            </ul>
                        </div>
                    </span>
                    <span class="sep"></span>
                    <span class="message">消息通知</span>
                    <span class="sep"></span>
                   <a href="" class="link-order">我的订单</a>
                </div> -->

            </div>
        </div>
        <div class="header-b">
            <div class="header-nav container fl">
                <div class="logo fl"></div>
                <div class="header-ul fl">
                    <ul class="header-li fl">
                        <li class="head-li">
                            <span class="nav-category"></span>
                        </li>
                        <li class="head-li">
                            <a href="" class="item-a">小米手机</a>
                        </li>
                        <li class="head-li">
                            <a href="" class="item-a">Redmi 红米</a>
                        </li>
                        <li class="head-li">
                            <a href="" class="item-a">电视</a>
                        </li>
                        <li class="head-li">
                            <a href="" class="item-a">笔记本</a>
                        </li>
                        <li class="head-li">
                            <a href="" class="item-a">家电</a>
                        </li>
                        <li class="head-li">
                            <a href="" class="item-a">路由器</a>
                        </li>
                        <li class="head-li">
                            <a href="" class="item-a">智能硬件</a>
                        </li>
                        <li class="head-li">
                            <a href="" class="item-a">服务</a>
                        </li>
                        <li class="head-li">
                            <a href="" class="item-a">社区</a>
                        </li>
                    </ul>
                </div>
                <div class="header-search fr">
                    <a href="">
                        <span class="iconfont icon-fangdajing fr"></span>
                    </a>
                    <input type="text" id="search" value="耳机" class="fr">
                </div>
            </div>
        </div>
        <div class="nav-bar">
            <div class="container">
                <h2 class="fl">
                    Note 9 Pro 5G
                </h2>
                <div class="nav-bb fl">
                    <span>|</span>
                    <a href="">Redmi Note 9 5G</a>
                    <span>|</span>
                </div>
                <div class="nav-ba fr">
                    <a href="">概述页</a>
                    <span>|</span>
                    <a href="">参数页</a>
                    <span>|</span>
                    <a href="">F码通道</a>
                    <span>|</span>
                    <a href="">咨询客服</a>
                    <span>|</span>
                    <a href="">用户评价</a>
                </div>
            </div>
        </div>
        <div class="swiper container">

        </div>
        <div class="foot">
            <div class="container">
                <div class="foot-h2">
                    <h2>价格说明</h2>
                </div>
                <div class="foot-img">
                    <img src="../imgs/dibu0.jpg" alt="">
                </div>
            </div>
        </div>
        <div>
            <div class="site-footer">
                <div class="container">
                    <div class="footer-service">
                        <ul>
                            <li class="fl">
                                <a href="">
                                    <em></em>预约维护
                                </a>
                            </li>
                            <li class="fl">
                                <a href="">
                                    <em></em>7天无理由退换
                                </a>
                            </li>
                            <li class="fl">
                                <a href="">
                                    <em></em>15天无理由退货
                                </a>
                            </li>
                            <li class="fl">
                                <a href="">
                                    <em></em>满99元包邮
                                </a>
                            </li>
                            <li class="fl">
                                <a href="">
                                    <em></em>520余家售后网点
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-links clearfix">
                        <dl class="col-links col-links-first">
                            <dt>帮助中心</dt>
                            <dd><a href="">账户管理</a></dd>
                            <dd><a href="">购物指南</a></dd>
                            <dd><a href="" target="_blank">订单操作</a></dd>
                        </dl>

                        <dl class="col-links ">
                            <dt>服务支持</dt>
                            <dd><a href="">售后政策</a></dd>
                            <dd><a href="">自助服务</a></dd>
                            <dd><a href="">相关下载</a></dd>
                        </dl>

                        <dl class="col-links ">
                            <dt>线下门店</dt>
                            <dd><a href="">小米之家</a></dd>
                            <dd><a href="">服务网点</a></dd>
                            <dd><a href="">授权体验店</a></dd>
                        </dl>

                        <dl class="col-links ">
                            <dt>关于小米</dt>
                            <dd><a href="">了解小米</a></dd>
                            <dd><a href="">加入小米</a></dd>
                            <dd><a href="">投资者关系</a></dd>
                            <dd><a href="">企业社会责任</a></dd>
                            <dd><a href="">廉洁举报</a></dd>
                        </dl>

                        <dl class="col-links ">
                            <dt>关注我们</dt>
                            <dd><a href="">新浪微博</a></dd>
                            <dd><a href="" id="J_siteWeixinCode">官方微信</a></dd>
                            <dd><a href="">联系我们</a></dd>
                            <dd><a href="">公益基金会</a></dd>
                        </dl>

                        <dl class="col-links ">
                            <dt>特色服务</dt>
                            <dd><a href="">F 码通道</a></dd>
                            <dd><a href="">礼物码</a></dd>
                            <dd><a href="">防伪查询</a></dd>
                        </dl>

                        <div class="col-contact fr">
                            <p class="phone">400-100-5678</p>
                            <p>8:00-18:00（仅收市话费）</p>
                            <a class="btn btn-line-primary btn-small J_contactBtn"> <em class="iconfont-message2"></em> 人工客服 </a>
                            <div class="follow">关注小米：
                                <a href="" class="wb" target="_blank"></a>
                                <a class="wx" href="javascript:void(0);" id="J_followWx"></a> <img src="" id="J_followWxImg" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="site-info">
                <div class="container">
                    <div class="logo fl">小米官网</div>
                    <div class="info-text fl">
                        <p class="sites">
                            <a href="">小米商城</a>
                            <span class="sep">|</span>
                            <a href="">MIUI</a>
                            <span class="sep">|</span>
                            <a href="">米家</a>
                            <span class="sep">|</span>
                            <a href="">米聊</a>
                            <span class="sep">|</span>
                            <a href="">多看</a>
                            <span class="sep">|</span>
                            <a href="">游戏</a>
                            <span class="sep">|</span>
                            <a href="">政企服务</a>
                            <span class="sep">|</span>
                            <a href="//xiaomi.tmall.com/" target="_blank">小米天猫店</a>
                            <span class="sep">|</span>
                            <a href="">小米集团隐私政策</a>
                            <span class="sep">|</span>
                            <a href="">小米公司儿童信息保护规则</a>
                            <span class="sep">|</span>
                            <a href="">小米商城隐私政策</a>
                            <span class="sep">|</span>
                            <a href="">小米商城用户协议</a>
                            <span class="sep">|</span>
                            <a href="">问题反馈</a>
                            <span class="sep">|</span>
                            <a href="" class="J_siteGlobalRegion">Select Location</a>
                        </p>
                        <p class="sites">
                            <a href="">北京互联网法院法律服务工作站</a>
                            <span class="sep">|</span>
                            <a href="">中国消费者协会</a>
                            <span class="sep">|</span>
                            <a href="">北京市消费者协会</a>
                        </p>
                        <p>
                            &copy;
                            <a href="" title="mi.com">mi.com</a> 京ICP证110507号
                            <a href="">京ICP备10046444号</a>
                            <a href="">京公网安备11010802020134号</a>
                            <a href="">京网文[2020]0276-042号</a>
                            <br>
                            <a href="">（京）网械平台备字（2018）第00005号</a>
                            <a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                            <a href="">营业执照</a>
                            <a href="">医疗器械质量公告</a>
                            <br>
                            <a href="">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                            <a href="">食品经营许可证</a>
                            <br> 违法和不良信息举报电话：171-5104-4404&nbsp;
                            <a href=''>知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                        </p>
                    </div>
                </div>
                <div class="slogan fl"></div>
            </div>
        </div>
</body>

</html>
<!-- <script>
        $(function(){
        let getCookie=document.cookie.split(';');
        let myName=getCookie[0].split('=')[1];
        const use= document.querySelector('.use')
        console.log(use)
        if(document.cookie){
            $
           $('.login').css('display','none');
          use.innerHTML=myName
        }
        // let getCookie=document.cookie.split(';');
        // let myName=getCookie[0].split('=')[1]
        // console.log(myName)
        // console.log(getCookie)
        // if(document.cookie){
        //     console.log(document.cookie)
        // }
    })
</script> -->